<!DOCTYPE html>
<html lang="en">

<head>
    <meta charset="UTF-8">
    <meta name="viewport" content="width=device-width, initial-scale=1">
    <title>来自Yanser的模仿-秘境对决官网</title>
    <link rel="stylesheet" href="./style.css">
</head>

<body>
    <!--  遮罩  -->
    <div id="layer" style="display:none;"></div>
    <!-- 顶部栏 -->
    <div id="topBar-main">
        <!-- 顶部栏左 -->
        <a href="" id="topBar-btn">
            <div class="line">
                <span></span>
                <span></span>
                <span></span>
            </div>
            游戏全目录
        </a>
        <div class="topBar-items"></div>
        <!-- 顶部栏中 -->
        <a href="http://game.163.com/" id="topBar-logo"></a>
        <div class="topBar-right">
            <a href="https://ke.youdao.com/course/detail/25654?outVendor=zw_wangyiyouxi_ljyy0_01" class="a1">游戏充值9.8折</a>
            <a href="https://act.you.163.com/act/pub/qAU4P437asfF.html?from=out_ynzy_game_2" class="a2">限时领取免费教程</a>
            <a href="https://ke.youdao.com/course/detail/25654?outVendor=zw_wangyiyouxi_ljyy0_01" class="a3">游戏充值9.8折</a>
        </div>
    </div>
    <!-- 顶部导航 -->
    <div class="warp">
        <div class="top-box">
            <div class="menu">
                <a class="on" href="">官网首页<span>/</span></a>
                <a href="http://mjdj.163.com/news/">新闻资料<span>/</span></a>
                <a href="http://mjdj.163.com/features/">游戏特色<span>/</span></a>
                <a href="http://mjdj.163.com/xinshou/">新手指引<span>/</span></a>
                <a href="http://mjdj.163.com/kapaiku/">卡牌库<span>/</span></a>
                <a href="">玩法攻略<span>/</span></a>
                <a href="https://mjdj.16163.com/forum.php">玩家论坛<span></span></a>
            </div>
            <a href="https://mjdj.163.com/index.html" class="top-logo">
                <img src="https://s3.ax1x.com/2020/12/04/DqEAmj.png" alt="">
            </a>
            <label for="toggle">
      <input type="checkbox" id="toggle">
      <button class="playVideo">
        <div id="video-box">
          <a id="btn-close" onclick="Close()"></a>
          <video id="cg-video" controls="controls" width="800" height="450" style="background-color: black;">
            <source src="http://nie.v.netease.com/nie/2017/0428/ce709775a4f4ab6041f8e9092a631dddqt.mp4" type="video/mp4">
          </video>
        </div>
      </button>
      <div class="top-Video" onclick="Play()">
        <i></i>
      </div>
    </label>
            <div class="slogan"></div>
            <!-- 黑线 -->
            <div class="top-blackline">
                <div class="top-mBox">
                    <div class="qrcode">
                        <img src="https://s3.ax1x.com/2020/12/04/Db1N2n.png" alt="">
                    </div>
                    <div class="buttons">
                        <a class="btn-apple" href="https://adl.netease.com/d/g/mjdj/c/gw?type=ios"></a>
                        <a class="btn-android" href="https://adl.netease.com/d/g/mjdj/c/gw?type=android"></a>
                        <a class="btn-pc" href="https://x16.gdl.netease.com/mjdj-1.0.24.exe" target="_blank"></a>
                    </div>
                    <a href="" class="gift"></a>
                    <div class="recommend"></div>
                </div>
            </div>
        </div>
    </div>
</body>
<script src="./script.js"></script>

</html>